<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="login.css">
    <style>

    </style>
</head>

<body>



    <div id="box">

        <div id="top">
            <div id="top-first">
                <img src="img/1.1.png" alt="" id="img1">
                <span>网络全案营销服务提供商</span>
            </div>
            <ul id="top-min">
                <li>
                    <a href="">网站首页</a> </li>
                <li>
                    <a href="">传悦资源</a> </li>
                <li>
                    <a href="">传悦案例</a> </li>
                <li>
                    <a href="">传悦服务</a> </li>
                <li>
                    <a href="">解决方法</a> </li>
                <li>
                    <a href="">需求提交</a> </li>
            </ul>
            <img src="img/1.2.png" alt="" id="top-right">
        </div>
    </div>


    <div id="middle">

        <div id="content">


            <ul id="title">
                <li> 网站首页</li>
                <li>></li>
                <li>传悦案例</li>
            </ul>
        </div>
        <div id="middle-foot"></div>
    </div>
    <div id="bodyer">
        <div id="content-con">
            <ul id="content-first">
                <li>全部</li>
                <li>网站建设</li>
                <li>运营推广</li>
                <li>品牌策划</li>
                <li>网络全案</li>
            </ul>

            <div id="content-second">
                <dl id="contentList">
                    <dt><img src="img/3.1.png" alt=""></dt>
                    <dd>
                        <span>
       <h3 id="template"><a href="detail.html">众德集团 网站建设</a> </h3>
    
                        </span>
                        <ul>
                            <li>网站建设</li>
                            <li>网站建设</li>
                            <li>网站建设</li>
                        </ul>
                    </dd>
                </dl>


            </div>

        </div>

    </div>
    <div id="footer">
        <div id="footer-content">
            <img src="img/4.1.png" alt="">
            <ul>
                <li><a href="">关于传悦</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">传悦观点</a></li>
                <li><a href="">联系传悦</a></li>
                <li><a href="">加入传悦</a></li>
                <li id="last-cj"><a href="">付款账户</a>
                </li>
            </ul>
            <ol>
                <li>Copyright &copy; 2013创梦网络科技有限责任公司</li>
                <li>||</li>
                <li>传悦Chnyoo.cn All Rights Reserved</li>
                <li>京ICP备12005221号</li>
            </ol>


        </div>

    </div>

    <script src="jquery.min.js"></script>
    <script>
        let http = new XMLHttpRequest()
        http.open('get', "http://127.0.0.1/getLogin")
        http.send()
        http.onreadystatechange = function() {
            if (http.readyState === 4) {
                let data = JSON.parse(http.responseText)
                let conList = $("#contentList")
                let conSec = $("#content-second")
                data.forEach(item => {


                    let newItem = conList.clone()
                    newItem.attr("id", "").find("a").html(item.tltle)
                    newItem.appendTo(conSec)
                })
            }
        }
    </script>
</body>

</html>